// 定义颜色变量
$background-color: rgba(88,88,193,0.7);
$text-color: #0e223e;
$accent-color: #89b4fa;
$hover-color: #db84e8;
$border-radius: 21px;
$spacing: 20px;

*{
  all: unset;
	font-family: Fira Sans ExtraBold;
  font-size: large;
  color: $text-color;
}

// 滚动容器样式
// .thumbnails {
//   // background-color: $background-color;
//   border-radius: $border-radius;
// }

// 缩略图按钮样式
.thumbnail {
  background-color: $background-color;
  border-radius: $border-radius;
  margin: 5px;
  padding: $spacing;
}

.thumbnail:hover {
  background-color: $hover-color;
  padding: $spacing;
  animation: gradient_f 20s ease-in infinite;
  border-radius: 60px;
  transition: all 0.3s cubic-bezier(.55,0.0,.28,1.682);
}
